<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>蜗创开源WocApi | 一个超级简单的接口框架</title>
    <meta name="keywords" content="wocapi，php，开源api，nodeJs，开源接口，开源框架，laravel，curd">
    <meta name="description" content="蜗创开源的WocApi是一个超级简单的接口框架，零耦合架构按需加载致力于高效开发，方便维护方便横向扩展。">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <!-- Style -->
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- Google Font -->
    <link href="https://fonts.lug.ustc.edu.cn/css?family=Roboto+Mono:300,400,700" rel="stylesheet">
    <!-- Ionic Icons-->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/4.5.5/css/ionicons.min.css" rel="stylesheet">
    <!-- Favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.png" />
</head>

<body>
    <nav class="navbar navbar-expand-lg fixed-top">
        <div class="container">
            <a class="navbar-brand" href="#"><img alt="wocapi" src="assets/images/logo.png" class="img-fluid logo"/></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <i class="icon ion-md-menu"></i>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="#home">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#team-members">蜗创团队</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#item">开源项目</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contact">联系我们</a>
                    </li>
                </ul>
                <form class="form-inline my-2 my-lg-0">
                    <a href="#" class="btn primary-btn">开发文档（整理中）</a>
                    <a target="_blank" href="https://gitee.com/hiwoniu" class="btn secondary-btn" style="min-width:80px">Git仓库</a>
                </form>
            </div>
        </div>
    </nav>

    <section id="home" class="bg-light">
        <div class="container">
            <div class="row  d-flex">
                <div class="col-lg-6 col-md-12 justify-content-center align-self-center">
                    <h1>开源的轻量级API接口框架</h1>
                    <p class="topmargin-sm">WocApi是一个超级简单的接口框架，零耦合、按需加载，致力于高效开发，方便维护、方便横向扩展。</p>
                    <div class="topmargin-sm">
                        <a href="https://gitee.com/hiwoniu/wocapi-php" target="_blank" class="btn primary-btn">PHP版（开发中）</a>
                        <a href="#" class="btn secondary-btn">NodeJs版（待开发）</a>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <img src="assets/images/banner.png" class="img-fluid">
                </div>
            </div>
        </div>
    </section>

    <section id="team-members">
        <div class="container">
            <h3>一群直男宅女</h3>
            <p class="topmargin-sm">
                我们是BlackTeam
                <br>我们喜欢带着笔记本仗剑天涯。。。
                <p>沈从文的故乡——边城有一条河叫做沱江
                <br>我渴望在沱江的上游找块地盖个青瓦房
                <br>院子里种一颗很大的银杏树
                <p>当深秋来临
                <br>满院的金黄色被秋风扫起
                <br>会有很多个房间
                <br>等待着同样喜欢仗剑的你
                <br>喝喝茶 聊聊天 写写代码。。。
            </p>
            </p>
            <div class="row topmargin-lg">
                <div class="col-md-4">
                    <div class="member-container">
                        <div class="member-information">
                            <h4>Bteam.Jason</h4>
                            <p>不会Node、不会PHP，也不会全栈。。。</p>

                        </div>
                        <img src="assets/images/member-jason.jpg" class="img-fluid">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="member-container">
                        <div class="member-information">
                            <h4>Bteam.King</h4>
                            <p>啥？你想找我设计UI？</p>

                        </div>
                        <img src="assets/images/member-king.jpg" class="img-fluid">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="member-container">
                        <div class="member-information">
                            <h4>Bteam.Andy</h4>
                            <p>写文案，不要涂口红、更不要涂指甲。。。</p>

                        </div>
                        <img src="assets/images/member-andy.jpg" class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <skill id="skill">
        <div class="container text-center">
            <h3>我们有哪些技能？</h3>
            <div class="row text-center topmargin-lg">
                <div class="col-md-3 divider-right">
                    <div class="skill-btn">
                        <a href="#contact">
                            <h6>系统开发 <i class="icon ion-md-arrow-forward"></i></h6>
                        </a>
                        <p>手机App、微信公众号、微信小程序、桌面软件（Windows+Mac）、PC端更不用说了。</p>
                        <p>这样说吧，别人会的我们都会！别人不会的我们也会!</p>
                        <p>对于我们最擅长的技能，从来不谦虚！</p>
                    </div>
                </div>
                <div class="col-md-3 divider-right">
                    <div class="skill-btn">
                        <a href="#contact">
                            <h6>美工设计 <i class="icon ion-md-arrow-forward"></i></h6>
                        </a>
                        <p>交流下产品、设计下UI、改个logo、做做美工啥的尽管来找我们。</p>
                    </div>
                </div>
                <div class="col-md-3 divider-right">
                    <div class="skill-btn">
                        <a href="#contact">
                            <h6>写文案 <i class="icon ion-md-arrow-forward"></i></h6>
                        </a>
                        <p>这个可以有，只是我们团队做这个的牛人不是很多。</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="skill-btn">
                        <a href="#contact">
                            <h6>营销推广 <i class="icon ion-md-arrow-forward"></i></h6>
                        </a>
                        <p>这个、这个、这个不擅长～_~<br>如果你会？请联系我们刚好需要你。</p>
                    </div>
                </div>
            </div>
        </div>
    </skill>

    <section id="item" class="bg-light">
        <div class="container">
            <h3>这是我们基于WocApi框架开源的斗单项目.</h3>
            <p class="topmargin-sm">持续迭代，不断更新！选择斗单，一定日进斗单！</p>
            <div class="row topmargin-lg">
                <div class="col-md-4">
                    <div class="item-container">
                        <div class="item-header">
                            <h3>斗单商城</h3>
                            <p>支持站群，一个后台可生成无数个站点。</p>
                        </div>
                        <div class="item-body">
                            <ul>
                                <li><i class="icon ion-md-checkmark-circle-outline"></i> 多级分销</li>
                                <li><i class="icon ion-md-checkmark-circle-outline"></i> 直播带货</li>
                                <li><i class="icon ion-md-checkmark-circle-outline"></i> 云库商品自动同步</li>
                                <li><i class="icon ion-md-checkmark-circle-outline"></i> 克隆子站配独立后台</li>
                                <li><i class="icon ion-md-checkmark-circle-outline"></i> 更多功能。。。</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="item-container">
                        <div class="item-header">
                            <h3>斗单约课</h3>
                            <p>专业的瑜伽馆在线约课系统。</p>
                        </div>
                        <div class="item-body">
                            <ul>
                                <li><i class="icon ion-md-checkmark-circle-outline"></i> 私教、大课预约</li>
                                <li><i class="icon ion-md-checkmark-circle-outline"></i> 统计爽约次数</li>
                                <li><i class="icon ion-md-checkmark-circle-outline"></i> 课前提醒</li>
                                <li><i class="icon ion-md-checkmark-circle-outline"></i> 扫码打卡</li>
                                <li><i class="icon ion-md-checkmark-circle-outline"></i> 更多功能。。。</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="item-container">
                        <div class="item-header">
                            <h3>敬请期待</h3>
                            <p>我们正努力开发更多开源项目。。。</p>
                        </div>
                        <div class="item-body">
                            <ul>
                                <li><i class="icon ion-md-checkmark-circle-outline"></i>你也可以将开源地址提交给我们</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <section id="contact">
        <div class="container text-center">
            <h4>联系我们</h4>
            <p>如果你想找我们开发系统
                <br>或者想加入我们，那么请联系我们！当然你也可以行行好^_^
            </p>
            <div class="row link topmargin-lg">
                <div class="col-md-3">
                    <img alt="微信二维码" src="assets/images/link-wx.png"/>
                    <p>微信联系我们</p>
                </div>
                <div class="col-md-3">
                    <img alt="QQ二维码" src="assets/images/link-qq-2.jpg"/>
                    <p>QQ联系我们</p>
                </div>
                <div class="col-md-3">
                    <img alt="微信收款码" src="assets/images/link-wxp-3.png"/>
                    <p style="color:red">微信打赏</p>
                </div>
                <div class="col-md-3">
                    <img alt="支付宝收款码" src="assets/images/link-alipay-2.png"/>
                    <p style="color:red">支付宝打赏</p>
                </div>
            </div>
        </div>
    </section>

    <div id="copyright" class="bg-light">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <ul class="list-inline">
                        <li class="list-inline-item"><a target="_blank" href="http://bteam.hidoudan.com">老大说：“只要想飞，我们就能飞！”</a></li>
                    </ul>
                </div>
                <div class="col-md-4 text-center"><img alt="wocapi开源框架" src="assets/images/logo.png" class="logo"></div>

                <!-- <div class="col-md-4">
                    <ul class="list-inline tright">
                        <li class="list-inline-item"><a href="#"><i class="icon ion-logo-instagram"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="icon ion-logo-facebook"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="icon ion-logo-linkedin"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="icon ion-logo-youtube"></i></a></li>
                    </ul>
                </div> -->
            </div>
            <div class="row">
                <div class="col-md-12 text-center">
                    <small>Copyright © 2016-2020 长沙蜗创网络科技有限公司</small>
                    <br>
                    <small>www.hiwoniu.com All Rights Reserved <a target="_blank" href="http://www.beian.miit.gov.cn/">网站备案：湘ICP备18009013号-2</a></small>
                    <br>
                    <script type="text/javascript" src="http://wljg.csaic.gov.cn/getSiteBaseJs/2359?widthimg=40&heightimg=40"></script>
                </div>
            </div>
        </div>
    </div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
</body>

</html>
